<%--
  Created by IntelliJ IDEA.
  User: lxm_5678
  Date: 2015/12/21
  Time: 11:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>用户登陆</title>
    <script type="text/javascript">
        var ctx='${ctx}';
    </script>


    <!-- CSS -->
    <!--字体效果和图标-->
    <link href="${ctx}/assets/fontawesome/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
    <link href="${ctx}/assets/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
    <!--动画效果-->
    <link href="${ctx}/assets/animate.css/animate.min.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/loaders.css/loaders.css"  rel="stylesheet" type="text/css"/>
    <!--等待加载效果-->
    <link href="${ctx}/assets/whirl.css" rel="stylesheet" type="text/css"/>

    <!-- CHOSEN-->
    <link rel="stylesheet" href="${ctx}/assets/chosen/chosen.min.css">

    <!--核心CSS-->
    <link href="${ctx}/assets/bootstrap3/css/bootstrap.css" rel="stylesheet" type="text/css" id="bscss"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/media/css/validationEngine.jquery.css" />

    <!-- DATETIMEPICKER-->
    <link rel="stylesheet" href="${ctx}/assets/datetimepicker/css/bootstrap-datetimepicker.min.css">


    <link rel="stylesheet" href="${ctx}/assets/datatable/dataTables.colVis.css">
    <link rel="stylesheet" href="${ctx}/assets/datatable/css/dataTables.bootstrap.css">

    <!--APP css-->
    <link href="${ctx}/assets/app/app.css" rel="stylesheet" type="text/css"/>
    <!-- JS -->
    <!--兼容旧浏览器HTML5效果-->
    <script src="${ctx}/assets/modernizr.js" type="text/javascript"></script>
    <!--核心JS-->
    <script src="${ctx}/assets/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="${ctx}/assets/bootstrap3/js/bootstrap.min.js" type="text/javascript"></script>
    <!--HTML5特性访问浏览器storage插件-->
    <script src="${ctx}/assets/jquery.storageapi.min.js" type="text/javascript"></script>
    <!--Jquery操作图片和层动画插件-->
    <script src="${ctx}/assets/jquery.easing.min.js" type="text/javascript"></script>
    <!--动画效果插件-->
    <script src="${ctx}/assets/animo.js" type="text/javascript"></script>
    <!--滚动条插件-->
    <script src="${ctx}/assets/jquery.slimscroll.min.js" type="text/javascript"></script>
    <!--跨浏览器全屏插件-->
    <script src="${ctx}/assets/screenfull.js" type="text/javascript"></script>
    <!--等待加载效果插件-->
    <script src="${ctx}/assets/jquery.classyloader.min.js" type="text/javascript"></script>
    <!--日期控件-->
    <!--
    <script src="${ctx}/assets/moment-with-locales.min.js" type="text/javascript"></script>
     -->
    <!--校验-->

    <!--
    <script src="${ctx}/assets/validation/jquery.validate.js" type="text/javascript"></script>
     -->

    <script src="${ctx}/media/js/jquery.validationEngine.js" type="text/javascript"></script>
    <script src="${ctx}/media/js/jquery.validationEngine-zh.js" type="text/javascript"></script>

    <script src="${ctx}/assets/moment-with-locales.min.js" type="text/javascript"></script>

    <!-- DATETIMEPICKER-->
    <script type="text/javascript" src="${ctx}/assets/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>

    <!-- CHOSEN-->
    <script src="${ctx}/assets/chosen/chosen.jquery.min.js"></script>


    <script src="${ctx}/assets/datatable/jquery.dataTables.min.js"></script>
    <script src="${ctx}/assets/datatable/dataTables.colVis.js"></script>
    <script src="${ctx}/assets/datatable/js/dataTables.bootstrap.js"></script>
    <script src="${ctx}/assets/datatable/js/dataTables.bootstrapPagination.js"></script>
    <!-- NOTY -->
    <script src="${ctx}/media/js/jquery.noty.js" type="text/javascript"></script>
    <script src="${ctx}/media/js/notyTopRight.js" type="text/javascript"></script>
    <script src="${ctx}/media/js/notyCenter.js" type="text/javascript"></script>
    <script src="${ctx}/media/js/noty-default.js" type="text/javascript"></script>

    <link href="${ctx}/assets/zTreeStyle.css" rel="stylesheet">
    <script src="${ctx}/assets/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>

    <script src="${ctx}/assets/echarts/build/dist/echarts.js"></script>
    <!--app js-->
    <script src="${ctx}/assets/app/app.js" type="text/javascript" charset="UTF-8"></script>
    <script src="${ctx}/assets/app/main.js" type="text/javascript" charset="UTF-8"></script>
    <style>
        /*.frm-Div11 {
            float: left;
            width: 500px;
            margin-left: 50px;
        }*/
        .frm-Div12 {
            float: left;
            margin-left: 50px;
            width: 500px;
        }
        .frm-Div21 {
            clear: both;
            float: left;
            width: 500px;
            margin-left: 50px;
        }

        .frm-label{
            width:80px;
            float: left;
            padding-top: 8px;
            /*border: 1px solid red;*/
        }
        .frm-div-float{
            float: left;
        }
    </style>
</head>

<body>
<div class="content-wrapper">
    <h3>用户登陆</h3>
    <div role="tabpanel" class="panel">
        <!-- Nav tabs-->

            <div id="home2" role="tabpanel" class="tab-pane">
                <!-- START list group-->
                <div class="panel panel-default">
                    <div class="panel-body" style=" ">
                        <form role="form" ACTION="${ctx}/login/login" method="post">
                            <div class="form-group col-sm-10">
                                <label class="control-label frm-label">用户名：</label>
                                <div class="col-sm-10 frm-div-float">
                                    <input type="text" placeholder="" name="username" class="form-control" value="admin">
                                </div>
                            </div>
                            <div class="form-group col-sm-10">
                                <label class="control-label frm-label">密码：</label>
                                <div class="col-sm-10 frm-div-float">
                                    <input type="password" class="form-control" name="password" value="admin">
                                </div>
                            </div>
                            <div class="form-group col-sm-10">
                                <label class="control-label frm-label">验证码：</label>
                                <div class="col-sm-10 frm-div-float">
                                    <input type="text" placeholder="" class="form-control" name="random" value="">

                                </div>
                                <div class="col-sm-1 frm-div-float">
                                    <img src="${ctx}/sys/captcha/makeCaptcha" onclick="this.src='${ctx}/sys/captcha/makeCaptcha?d='+Math.random();" >
                                </div>
                            </div>
                            <div class="form-group col-sm-10">

                                <div class="col-sm-10 frm-div-float">
                                    <input type="submit" value="登陆">
                                </div>

                            </div>
                            <div class="form-group col-sm-10">

                                <div class="col-sm-10 frm-div-float">
                                    <c:if test="${not empty captchaError}">
                                        验证码错误
                                    </c:if>
                                    <c:if test="${not empty userError}">
                                        用户名/密码错误
                                    </c:if>

                                </div>

                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>
</html>
